<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>实训一</title>
    <!-- 
    注意：
    1)一般在生产环境中(上线)，不直接引入less文件，而直接引用的是编译后的css文件；在开发环境中可以引入less文件
    2)less.js文件的引入一定要放在.less文件之后，且一般放在<head></head>标签中
  -->
    <!-- 引入.less -->
    <link rel="stylesheet/less" href="./实训1.less" />
    <!-- 引入less.js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.2.0/less.min.js"></script>
  </head>
  <body>
    <div>这是实训一的测试文本</div>
  </body>
</html>
